/* 首页的头部 */
.header{
    width: 100%;
    height: 106px;
    background-color: #fff;
}
/* logo图片 */
.header .header-frist{
    height: 100%;
    width: 90px;
    margin-left:42px;
    float: left;
    /* 设置logo与版心之间的距离 */
    margin-right: 80px;
}
.header .header-logo{
    width: 90px;
    height: 46px;
    margin-top: 30px;
}
/* 版心的内容 */
.header .header-c{
    width:1200px ;
    height: 100%;
    float: left;
}
.header .header-c .header-items{
    float: left;
    height: 100%;
}
.header .header-c .header-items .item-list{
    height: 100%;
    text-align: center;
    line-height: 106px;
    float: left;
     /* line-height: 14px; */
}
.header-c .header-items .item-list.left{
    margin-left: 30px;
}
.header-c .header-items .item-list .item-link{
    display: block;
    float: left;
    color:#666;
    width: 36px;
    height: 100%;
    /* margin-top: 40px; */
   
}
.header-c .header-items .item-list:hover .item-link{
    /* 增加字体的尺寸会使得a标签被撑大会导致有一个放大的效果 */
     font-size: 18px;
     font-weight: 600px;
     color: #333; 
     font-weight: 600; 
 }
 .header .header-c .header-items .item-list.actived{
 font-size: 18px;
 color: #333333;
 letter-spacing: 0;
 font-weight: 600;
 }
.header .header-c .header-seacher{
    width:298px;
    line-height: 106px;
    height: 30px;
    border: 1px solid rgba(189,189,189,1);
    border-radius: 20px;
    outline: none;
    float: left;
    color: #AFAFAF ;
    text-indent: 2em;
    margin-left: 210px;
    margin-top: 37px;
    background: url(../image/seacher.png) no-repeat 269px;
    background-size: 20px 20px;   
}
.header .header-c .header-right{
    float: right;
    height: 100%;
}
.header .header-c .header-right .right-link{
    display: block;
    float: left;
    margin-left: 43px;
    
}
.header .header-c .header-right .right-link .right-img{
    width: 22px;
    height: 20px;
    margin-top: 43px;
}
/* 图片横幅 */
.banner{
    width: 100%;
    height: 1080px;
}
.banner .banner-img{
    width: 100%;
    height: 100%;
}
/* 宣传语言图片 */
.banner-font{
width: 420px;
height: 72px;
margin: 156px auto 126px;

}
.banner-font .font-link{
    display: block;
    width: 100%;
    height: 100%;
}
.banner-font .font-link .font-img{
    width: 100%;
    height: 100%;
}
/* 中心内容展示-产品内容 */
.content-product{
    width: 1200px;
    margin: 0 auto;
    /* 解除外边距崩塌 */
    overflow: hidden;
    
}
.content-product .product-items{
    width: 100%;
}
.content-product .product-items .item-list{
    width: 360px;
    float: left;
}
.content-product .product-items .item-list .item-link{
    display: block;
    width: 100%;
    float: left;

}
.content-product .item-list .item-link .product-img{
    width: 360px;
    height: 580px;
}
.content-product .item-list .item-link .product-desc{
    width: 347px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
}
.content-product .item-list .item-link .product-size{
    width: 72px;
    height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
}
.content-product .item-list .item-link .product-preice{
    width: 48px;
    height: 28px;
    font-size: 20px;
    line-height: 28px   ;
    color: #CE0404;
    letter-spacing: 0;
    font-weight: 500;
}
.content-product .item-list .item-link .product-islike{
    width: 21px;
    height: 20px;
    background: #333333;
    margin-left: 230px;
}
.content-product .item-list .item-link .product-cart{
    width: 21px;
    margin-left: 30px;
    height: 21px;
    background: #333333;
}
.content-product .item-list.inner-margin{
  margin-left: 60px;
  margin-right: 60px;
}
/* 人气热卖宣传 */
.banner-hotsale{
    width: 482px;
    height: 72px;
    margin: 450px auto 126px;
}
.banner-hotsale .hotsale-link{
    display: block;
    width: 100%;
    height: 100%;
}
.banner-hotsale  .hotsale-img{
    width: 100%;
    height: 100%;
}
/* 页面跳转，使用定位将它定在右边 */
.page-icon{
    width: 100%;
    height: 102px;
    position: relative;
    margin: 100px auto ;
 }
 .page-icon .icon-right{
     width: 100px;
     height: 100%;
     position: absolute;
     right:0;
     border: 1px solid rgba(51,51,51,1);
     border-radius:50%;
    background: url(../image/jiantou.png) no-repeat center;
    background-size:69px 41px ;
    cursor: pointer;
 }
 /* 信息媒介模块：分为标题部分和内容部分 */
 .model-content{
     width:1200px;
     margin: 0 auto 148px;

 }
 .model-content .page-info{
  width: 174px;
height: 86px;
margin: 0 auto ;
 }
 .model-content .page-info .info-title{
    width: 144px;
    height: 50px;
   
 }
 .model-content .page-info .info-title .info-link{
     display: block;
     width: 100%;
     height: 100%;
    font-size: 36px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 50px;
    font-weight: 400;
 }
 .model-content .page-info .info-title2{
    width: 127px;
    height: 36px;
 }
 .model-content .page-info .info-title2 .info-link{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 24px;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
    line-height: 36px;
    font-weight: 400;
    text-transform: uppercase;
 }
 .model-content .info-list{
     width: 100%;
     overflow: hidden;
 }
 .model-content .info-list .list-item{
     float: left;
     width: 208px;
     height: 60px;
     border: 1px solid rgba(189,189,189,1);
     border-radius: 6px;
     text-align: center;
     margin-bottom: 32px;
 }
 .model-content .info-list .list-item .item-link{
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    line-height: 60px;
    color: #333;
 }
 .model-content .info-list .list-item.left{
     margin-left: 120px;
 }
 /* 底部模块 */
 .footer{
     width: 100%;
     height: 260px;
     background: #F8F8F8;
     cursor: pointer;
     overflow: hidden;
 }
 .footer .footer-c{
     width: 1200px;
     height: 86px;
     margin: 87px auto;
     position: relative;
 }
 .footer .footer-c .footer-link{
     float: left;
     width: 168px;
     height: 86px;
     line-height: 86px;
 }
 .footer .footer-c .footer-link .link-img{
    width: 100%;
    height: 100%;
 }
 .footer .footer-c .type-list{
     float: left;

 }
 .footer .footer-c .type-list .items{
     float: left;
    height: 25px;
    line-height: 25px;
 }
 .footer .footer-c .type-list .items-line{
    float: left;
    height: 25px;
    width: 18px;
    text-align: center;
    font-size: 18px;
    color: #999999;
    letter-spacing: 0;
    line-height: 25px;
    font-weight: 400;
 }
 .footer .footer-c .type-list .items .items-link{
    font-weight: 400;
    letter-spacing: 0;
    color: #333333;
    font-size: 18px;
 }
 .footer .footer-c .footer-c-desc{
    width: 407px;
    height: 25px;
    float: left;
    margin-top: 34px;
 }
 .footer .footer-c .footer-c-desc .link-desc{
    float: left;
    width: 100%;
    font-size: 18px;
    color: #333333;
    letter-spacing: 0;
    font-weight: 400;
 }
 .footer .footer-c .footer-box{
    position: absolute;
    right: 0;
    top: 0;
   
 }
 .footer .footer-c .footer-box .footer-tdc{
float: left;
     width: 85px;
height: 85px;
margin-right: 24px;  
}
 .footer .footer-c .footer-box .footer-tdc .link-img{
     width: 100%;
     height: 100%;
 }